﻿@charset "utf-8";
/* 作者：神夜 */
* { margin: 0px; padding: 0px; box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei', '宋体', 'Arial'; font-size: 12px; color: #333; }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #333; font-family: 'Microsoft Yahei', '宋体', 'Arial'; }
*:focus { outline: none; }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; transition: all .4s; -webkit-transition: all .4s; }
a:hover { color: #e89212; }
.wrap { max-width: 1412px; margin: 0 auto; padding:0 12px; }
.clear { clear: both; overflow: hidden; content: ''; height: 0px; }
.fl { float: left; }
.fr { float: right; }
i, em { font-style: normal; display: inline-block; }
@font-face {
    font-family: HelveticaNeueLT-ThinExt;
    src: url("../fonts/HelveticaNeueLT-ThinExt/sfont.otf") format("opentype");
    src: url("../fonts/HelveticaNeueLT-ThinExt/sfont.eot"),
         url("../fonts/HelveticaNeueLT-ThinExt/sfont.ttf") format('truetype'),
         url("../fonts/HelveticaNeueLT-ThinExt/sfont.eot?#iefix") format('embedded-opentype');
}
/****************【头部】****************/
.header { height:77px; width: 100%; position: fixed; z-index:111; background: rgba(0,0,0,0.6); }
.header .logo { float: left; margin-top:10px;}
.header .nav { float: right; }
.header .nav li { float: left; margin-left: 10px; position:relative; }
.header .nav li .a1 { height:77px; display: block; width:98px; line-height:77px; text-align: center; font-size:18px; color: #fff; }
.header .nav li:hover .a1,.header .nav li .a1.on { color: #e89212; }
.header .nav li .navson { position:absolute; text-align:center; background: rgba(0,0,0,0.6); top:77px; left: -10px; width:120px; z-index: 1; display: none; }
.header .nav li .navson p a { padding:10px 10px; display:block; text-align:center; color:#fff; border-top:1px solid rgba(0,0,0,0.1); font-size:14px; }
.header .nav li .navson p a:hover{ background:#e89212; color:#fff;}
.header .tel{  overflow:hidden; width:268px; margin-top:25px;  color:#fff; background:url(../img/tel.png) no-repeat left top;}
.header .nav li.tel p{ float:left; padding-top:6px; margin-left:6px; font-size:12px;}
.header .nav li.tel.tel h2{ color:#e89212; float:right; font-family:Arial; font-size:25px; line-height:20px; font-weight:normal;}

.menu{ position:absolute; right:12px; top:0px; height:100%; width:40px; padding-top:5px; cursor:pointer; display:none;}
.menu span{ display:block; height:3px; background:#e89212; margin-top:8px;}


/***首页***/
#dowebok{}
.fp-controlArrow { display: none; }
#fp-nav ul li, .fp-slidesNav ul li { width: 14px; height:14px; }
#fp-nav ul li a{ display:block; position:relative; }
#fp-nav ul li a span { height:14px; width:14px; border-radius:50%; border:1px solid #e89212}
#fp-nav ul li a.active span { background:#e89212; }
#fp-nav ul li .fp-tooltip { top: 3px; display: none; }
.fp-slidesNav ul li { width: 73px; height: auto; }
.fp-slidesNav ul li a span { border: 0px; width: 73px; height: 3px; background: #c1b5de; border-radius: 0px; }
.fp-slidesNav ul li a.active span { background: #e89212; height: 12px; margin-top: -9px; }
.fp-tableCell { width: 100%; }
.section { overflow: hidden; height: 100%; position:relative;}
.section.section1 .swiper-container{animation:scane 13s infinite; width:100%; height:100%;}
.section.section1 .swiper-container .swiper-pagination-bullet{ width:15px; height:15px;}
.section.section1 .swiper-container .swiper-pagination-bullet-active{ background:#e89212;}


/***投资战略****/
.section .ht{ height:40px; overflow:hidden; transform:translateY(200px); opacity:0; transition:all 1s ease;}
.section .ht h2{ float:left; color:#555555; font-size:20px; font-weight:normal; line-height:20px;}
.section .ht h2 p{ font-size:14px; color:#aaaaaa; display:block;font-family:HelveticaNeueLT-ThinExt;}
.section .ht a{ float:right; text-align:right; line-height:15px; font-size:14px; color:#555555;}
.section .ht a p{ color:#999999; font-size:12px; background:url(../img/more.png) no-repeat right center; padding-right:10px;}
.section .ht a:hover{ color:#e89212;}
.section.active .ht{ transform:translateY(0px); transition-delay:0.2s; opacity:1; }

.tzlist{ overflow:hidden;margin-left:-30px;}
.tzlist li{ float:left; width:33.33333333%; margin-top:38px; transition:all 1s ease; transform:translateY(200px); opacity:0; padding-left:30px;}
.tzlist li a{ display:block; border:1px solid #eee; padding:50px; overflow:hidden; }
.tzlist li a .note{ padding:0 15px;}
.tzlist li a h3{ font-weight:normal; color:#555555; font-size:16px; padding-top:30px;}
.tzlist li a p{ font-size:14px; color:#b9b9b9; line-height:25px; padding-top:20px; height:100px;}
.tzlist li .pic{ overflow:hidden;}
.tzlist li .pic img{ display:block; transition:all 0.5s ease;}
.tzlist li:hover .pic img{ transform:scale(1.2); }
.tzlist li:hover a h3{ color:#e89212;}
.tzlist li:hover .more{border-color:#e89212; background:#e89212;}
.tzlist li:hover .more span.s1{ opacity:0;}
.tzlist li:hover .more span.s2{ opacity:1; color:#fff; padding-left:30px; background-position: 85px center;}
.section.active .tzlist li{ opacity:1; transition-delay:0.4s; transform:translateY(0);}
.section.active .tzlist li:nth-child(2){transition-delay:0.5s; }
.section.active .tzlist li:nth-child(3){transition-delay:0.6s; }

.more{ width:130px; position:relative; height:38px; line-height:38px;transition:all 0.5s ease;   border:1px solid #eee; overflow:hidden; display:block; margin-top:20px; border-radius:30px;}
.more span{ position:absolute; cursor:pointer; left:0px; top:0px; font-family:HelveticaNeueLT-ThinExt; letter-spacing:1px; transition:all 0.5s ease; width:100%; font-size:14px; color:#bbbbbb;}
.more span.s1{ padding-left:30px; background:url(../img/r.png) no-repeat 85px center;}
.more span.s2{ opacity:0;padding-left:10px;background:url(../img/ron.png) no-repeat 100px center;}
.more:hover{ border-color:#e89212; background:#e89212;}
.more:hover span.s1{ opacity:0;}
.more:hover span.s2{ opacity:1; color:#fff; padding-left:30px; background-position: 85px center;}

/***关于我们***/
.section.section3{ background:#f4f4f4;}
.aboutNum{ overflow:hidden;}
.aboutNum li{ float:left; width:25%; color:#999999; font-size:16px; text-align:center; border-right:1px solid #ddd;transition:all 1s ease; transform:translateY(200px); opacity:0;}
.aboutNum li .p1 b{ font-size:60px; color:#333333; font-family:HelveticaNeueLT-ThinExt; font-weight:normal;}
.aboutNum li .p1 span{ vertical-align:30px; margin-left:5px;}
.aboutNum li .p2{ font-size:14px;}
.aboutNum li:last-child{ border:0px;}
.section.active .aboutNum li{ opacity:1; transition-delay:0.4s; transform:translateY(0);}

.about{ background:#fff; margin-top:60px; box-shadow:#d8d8d8 0 0 40px; padding:40px; overflow:hidden;transition:all 1s ease; transform:translateY(200px); opacity:0;}
.about .about-left{ float:left; width:50%;}
.about .about-right{ float:right; width:45%; position:relative;}
.about .atit{ color:#555555; font-size:20px; font-weight:normal; line-height:20px;}
.about .atit p{font-size:14px; color:#aaaaaa; display:block;font-family:HelveticaNeueLT-ThinExt;}
.about .about-left .note{ font-size:14px; color:#999999; line-height:30px; padding-right:150px; padding-top:20px;}
.about .about-left .more{ margin-top:30px;}
.about .about-right .swiper-container{ float:right; width:100%; height:100%;}
.prev,.next{ width:55px; height:55px; background:url(../img/btn.png) no-repeat; position:absolute; bottom:0px; left:0px; z-index:11; transition:all 1s ease; opacity:0;}
.prev{ transform:translateX(-200px); }
.next{ transform:translateX(200px); }
.about .about-right .next{ left:0; background-position:right bottom;}
.about .about-right .prev{ left:-55px; background-position:left bottom;}
.section.active .about{opacity:1; transition-delay:0.5s; transform:translateY(0);}
.section.active .prev,.section.active .next{ opacity:1; transform:translateX(0); transition-delay:0.4s;}

/***新闻资讯***/
.news { margin-top:30px; overflow:hidden;}
.news  .fl{ width:50%; margin-bottom:35px;padding-right:30px; transform:translateY(400px); opacity:0; transition:all 1s ease;}
.news  .fl img{ display:block; width:100%;}
.news  .fl .text h2{ font-size:16px; transition:all 0.3s ease; font-weight:normal; color:#555555; margin-top:19px; height:32px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.news  .fl .text .textc{ position:relative; padding-left:80px; height:45px; margin-top:19px;}
.news  .fl .text .textc .note{ color:#999999; line-height:23px; font-size:14px;}
.news  .fl .text .mr{ height:34px; border-left:1px solid #ddd; top:0px; position:absolute; right:0px; width:37px; background:url(../img/r.png) no-repeat right center; transition:all 0.3s ease;}
.news  .fl:hover h2{ color:#e89212;}
.news  .fl:hover .text .mr{ border-color:#e89212; background:url(../img/r3on.png) no-repeat right center;}
.news  .fl:hover .ndate p b,.news  .fl:hover .ndate p{ color:#e89212;}
.news  .fr{ width:50%; padding-left:30px;transform:translateY(400px); opacity:0; transition:all 1s ease;}
.news .ndate{ text-align:center; border-right:1px solid #eee; width:70px; padding-right:5px; height:45px; overflow:hidden; position:absolute; left:0px; top:0px;}
.news .ndate p b{ display:block; font-size:24px; color:#666666; font-family:HelveticaNeueLT-ThinExt; transition:all 0.3s ease;}
.news .ndate p { font-size:14px; color:#999999;font-family:HelveticaNeueLT-ThinExt; transition:all 0.3s ease;}
.newlist1{ overflow:hidden; border-bottom:1px dotted #ddd;}
.newlist1 li{ position:relative; border-top:1px dotted #ddd; padding:20px 0;}
.newlist1 li h2{ font-size:16px; color:#555555; font-weight:normal;transition:all 0.3s ease; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newlist1 li .note{ padding-left:80px; height:45px; overflow:hidden; font-size:14px; background:url(../img/r2.png) no-repeat right center; padding-right:70px; line-height:23px; color:#999999; position:relative;}
.newlist1 li .ndate{ top:0px;}
.newlist1 li a:hover h2{ color:#e89212;}
.newlist1 li a:hover .ndate p b{ color:#e89212;}
.newlist1 li a:hover .ndate p { color:#e89212;}
.section.active .news .fl{ transform:translateY(0); opacity:1; transition-delay:0.2s;}
.section.active .news .fr{ transform:translateY(0); opacity:1; transition-delay:0.3s;}

/***案例***/
.section5{ background:#f4f4f4;}
.section5 .wrap{ position:relative;}
.section5 .prev{ left:-43px; top:50%; background-position:left bottom; transition:all 0.5s ease;}
.section5 .next{ left:auto; right:-43px; top:50%;background-position:right top;transition:all 0.5s ease;}
.section5 .prev:hover{background-position:left top;}
.section5 .next:hover{background-position:right bottom;}
.section5 .tzlist li a{ margin-left:0px; background:#fff;}

/***合作伙伴***/
.painter{ margin-top:30px; transform:translateY(400px); transition:all 1s ease; opacity:0;}
.painter li{ float:left; width:20%;}
.painter li a{border:1px solid #eee; margin-left:-1px; margin-top:-1px; height:130px; display:block;  text-align:center; display:flex;  justify-content: center; align-items:center;}
.painter li a img{ max-width:100%; max-height:100%;  transition:all 0.5s ease;}
.section.active .painter{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.painter li a:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); filter:none; opacity:1;}
.painter li a:hover{ border-color:#e89212; position:relative; z-index:1;}

/***联系我们***/
.section7{ background:#f4f4f4;}
.con-left{ float:left; width:50%; opacity:0; transform:translateY(400px); transition:all 1s ease;}
.con-right{ float:right; width:50%; border:4px solid #dfdfdf; text-align:center;opacity:0; transform:translateY(400px); transition:all 1s ease;}
.con-left .img1{ display:block; margin-bottom:12px;}
.con-left .contxt{ padding-left:113px; line-height:26px; color:#999; font-size:14px;}
.share { height:33px; margin-top:12px; margin-bottom:15px;}
.share a{ float:left; width:33px; height:33px; position:relative; border-radius:50%; margin-right:20px;}
.share a.qq{ background:#bababa url(../img/qq.png) no-repeat 6px 6px;}
.share a.email{ background:#bababa url(../img/email2.png) no-repeat center;}
.share a.weibo{ background:#bababa url(../img/weibo.png) no-repeat 6px 5px;}
.share a.wechat{ background:#bababa url(../img/wechat.png) no-repeat center;}
.share a.wechat img{ position:absolute; top:-160px; max-width:150px; width:150px; left:-60px; opacity:0; transform:scale(0); transition:all 0.5s ease; transform-origin:center bottom;}
.share a.wechat:hover img{ opacity:1; transform:scale(1); }
.share a:hover{ background-color:#e89212; }
.con-right .crt{ overflow:hidden; background:url(../img/email.png) no-repeat left center; margin-left:167px; text-align:left; margin-top:50px; height:105px; padding-left:130px;}
.con-right .crt p{ margin-top:40px; color:#999999; font-size:14px;}
.con-right .crt h2{color:#555; font-size:20px; font-weight:normal;}
.con-right h1{ font-size:30px; color:#6d6d6d; padding:60px 0 53px 0; font-size:30px; font-weight:normal;font-family:Arial;}
.con-right a{ display:block; width:140px; height:45px; background:#e89212; color:#fff; text-align:center; line-height:45px; border-radius:3px; margin:0 auto; font-size:18px; margin-bottom:40px;}
.section7 .copy{ position:absolute; bottom:0px; padding:25px 0; background:#313131; color:#999999; font-size:14px; text-align:center; width:100%; left:0px;}
.section.active .con-left{ transform:translateY(0); opacity:1; transition-delay:0.2s;}
.section.active .con-right{ transform:translateY(0); opacity:1; transition-delay:0.3s;}

/***内页***/
.topimg{ height:300px; overflow:hidden; position:relative;}
.topimg h1{ position:absolute; top:0px; left:0px; width:100%; text-align:center; color:#fff; font-weight:normal; font-size:22px; padding-top:140px;}
.topimg h1 p{ font-size:16px; font-family:HelveticaNeueLT-ThinExt; text-transform:uppercase;}

.aboutNum.ny{ margin-top:50px;}
.about.ny .about-left{ float:none; width:100%;}
.about.ny .atit{ text-align:center;}
.about.ny{ box-shadow:none; padding:0px;}

.piclist { overflow:hidden; margin-left:-20px; margin-bottom:20px; }
.piclist li{ float:left; width:33.333333%; padding-top:20px; padding-left:20px;}


.leader{ height:60px; line-height:60px; border-bottom:1px solid #eee; overflow:hidden; text-align:center;}
.leader h2{float:left; font-size:20px; color:#e89212; font-weight:normal; display:none; }
.leader span{ color:#999; font-size:14px; display:inline-block; }
.leader span a{ color:#999; margin:0 12px; padding:5px 12px; border:1px solid #eee; border-radius:20px;}
.leader span i{ font-family:宋体; margin:0 10px; color:#d3d3d3;}
.leader span a:hover,.leader span a.on{ color:#e89212; border:1px solid #e89212;}

.pdbox{ padding:20px 0; line-height:26px; font-size:16px; color:#666; min-height:500px;}

.tzlist.ny { padding-left:1px;}
.tzlist.ny li a{ margin-left:-1px;}

/***新闻列表***/
.newlist { margin-top: 20px; }
.newlist li { position: relative; padding: 33px 0; overflow: hidden; border-bottom: 1px dotted #ddd; transition: all 1s ease; }
.newlist li .note { padding-right: 185px; }
.newlist li .note h3 { font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newlist li .note p { font-size: 14px; line-height: 25px; color: #999; padding-top: 25px; }
.newlist li .date { position: absolute; right: 60px; top: 50px; text-align:center; font-family:HelveticaNeueLT-ThinExt;}
.newlist li .date b { font-weight: normal; font-size: 30px; color: #666; }
.newlist li .date p { color: #999; }
.newlist li .date span { width: 35px; display: block; height: 26px; background: url(../img/r2.png) no-repeat; margin-top: 44px; margin-left: 3px; }
.newlist li:hover { box-shadow: #bbb 0 0 20px; border-bottom: 0px; padding: 33px; padding-right: 0px; }

.ntit{ text-align:center; border-bottom:1px dotted #ddd; margin-bottom:20px; padding-bottom:12px;}
.ntit h1{ font-size:22px; font-weight:normal;}
.ntit p{ font-size:13px; color:#999; padding-top:10px;}

.prevnext{ padding:25px 0; font-size:14px; color:#999;}
.prevnext p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prevnext a{ color:#999;}
.prevnext a:hover{ color:#e89212;}

.painter.ny{ padding-left:1px;}

/***底部***/
.footer{ margin-top:50px;}
.footer .copyright{ background:#272727; padding:25px 0; line-height:25px; color:#a9a9a9;  font-size:13px; text-align:center;}
.footer .copyright a{ color:#a9a9a9;}
.footer .copyright a:hover { color:#253e90;}

/***分页***/
.page{ overflow:hidden; text-align:center; margin-top:40px;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:8px 12px; line-height:18px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#253e90; color:#fff; border-color:#253e90}
.page ul li:hover a{ background:#253e90; color:#fff;border-color:#253e90}

.nyc-left{ float:left; width:50%; line-height:30px;}
.nyc-right{ float:right; width:40%;}

.book .intxt{ padding:10px; width:48%; float:left; border:1px solid #eee; margin-bottom:12px;}
.book .intxt.i2{ float:right;}
.book .intxt.te{ float:none; width:100%; height:80px;}
.book .sbtn{ padding:10px; width:120px; border:0px; cursor:pointer; background:#e89212; color:#fff;}
.cmap{ margin-top:20px; height:400px;}





